<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>书籍列表</title>
    <link rel="stylesheet" href="http://localhost:8080/layui-v2.7.6/layui/css/layui.css">
    <!--引入js-->
    <script src="http://localhost:8080/layui-v2.7.6/layui/layui.js"></script>
</head>
<body>
<div class="layui-container">
    <form class="layui-form layui-form-pane" action="">
        <div class="layui-row" style="margin-top: 8px">
            <div class="layui-col-xs1">
                <label class="layui-form-label">书籍名称：</label>
            </div>
            <div class="layui-col-xs2">
                <input type="text" name="bookName" placeholder="" class="layui-input" id="bookName">
            </div>
            <div class="layui-col-xs1">
                <label class="layui-form-label">书籍类型：</label>
            </div>
            <div class="layui-col-xs2 layui-form-pane">
                <select id="type" name="type">
                    <option value="">请选择</option>
                    <option value="1">计算机技术</option>
                    <option value="2">投资之道</option>
                    <option value="3">娱乐</option>
                </select>
            </div>
            <div class="layui-col-xs1">
                <button type="submit" class="layui-btn" lay-submit lay-filter="query" id="queryBook">查询</button>
            </div>
            <div class="layui-col-xs1" style="margin-right: 20px">
                <button type="button" class="layui-btn" id="addBook">添加书籍</button>
            </div>
            <div class="layui-col-xs1" style="margin-right: 35px">
                <button type="button" class="layui-btn" id="importBook">批量导入书籍</button>
            </div>
            <div class="layui-col-xs1">
                <button type="button" class="layui-btn" id="exportBook">导出书籍数据</button>
            </div>
        </div>
    </form>
    <table id="demo" lay-filter="book"></table>

</div>
<script src="http://localhost:8080/js/list.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>